<template>
    <h2>详情入库管理</h2>
    <table>
        <thead></thead>
        <tbody v-for="ine in tableData">
            <tr>
                <td>货物名称：{{ ine.sMCargoName }}</td>
            </tr>
            <tr>
                <td>支付方式：{{ ine.patternOfPayment }}</td>
            </tr>
            <tr>
                <td>类型：{{ ine.typeName }}</td>
            </tr>
            <tr>
                <td>材质：{{ ine.materiaLqualityName }}</td>
            </tr>
            <tr>
                <td>规格：{{ ine.sMGaugeLattice }}</td>
            </tr>
            <tr>
                <td>数量：{{ ine.sMQuantity }}</td>
            </tr>
            <tr>
                <td>价格：{{ ine.sMSingleValence }}</td>
            </tr>
            <tr>
                <td>备注：{{ ine.sPReserveNote }}</td>
            </tr>
            <tr>
                <td>登记人{{ ine.createName }}</td>
            </tr>
            <tr>
                <td>创建时间{{ ine.createDate }}</td>
            </tr>
        </tbody>
    </table>
</template>

<script setup lang='ts'>
import { reactive, ref, onMounted, watch } from 'vue'
import axios from 'axios';
import { useRouter, useRoute } from 'vue-router'
const router = useRouter()
const route = useRoute()
//生命函数钩
onMounted(() => {
    //物资采购详情
    SuppliesPurchasingList();
})
//显示列表
const tableData = ref([])
//物资采购显示
const SuppliesPurchasingList = () => {
    axios.get("MaterialRead/api/StockManagement/XQStockManagement?sMCargoID=" + route.query.id).then(res => {
        tableData.value = res.data.data;
    }).catch(err => {
        console.log(err)
    })
}

</script>

<style></style>